﻿/* 基本属性 */
.bg_white{background:white ;}
.bg_gray{background:#EAEDF1;}
.bg_red{background:#cc3333;}
.bg_orange{background:#EF782E;}
.bg_green{background:#97C364;}
.bg_blue{background:#0099cc;}
.bg_pink{background:#ef8995;}
.bg_yellow{background:#ffbf00;}

.clear{ clear:both;height:0px;overflow:hidden;}
.f{ float: left ;}
.r{ float: right ;}
.ta_c{ text-align:center;}
.ta_l{ text-align: left ;}
.ta_r{ text-align: right ;}
.c:after{clear:both}
.mt_10{ margin-top: 10px;}
.mt_20{ margin-top: 20px;}
.ml_10{ margin-left: 10px;}
.ml_5{ margin-left: 5px;}
.p_10{ padding: 10px;}
.pl_20{ padding-left:20px;}
.pr_20{ padding-right:20px;}
.p_0_10{ padding:0 10px;}
h5{ font-size: 14px;}
h4{ font-size: 16px;}
h3{ font-size: 18px;}
h2{ font-size: 24px;}
h1{ font-size: 32px;}
.fz_12{ font-size: 12px;}
.fz_14{ font-size: 14px;}
.fz_16{ font-size: 16px;}
.fz_18{ font-size: 18px;}
.fz_24{ font-size: 24px;}
.fz_32{ font-size: 32px;}
.fz_38{ font-size: 38px;}
.fz_56{ font-size: 56px;}
.black{ color: #333;}
.red{ color: #DF103F;}
.orange{ color: #ef782e;}
.gray{ color: #5d5d5d;}
.blue{ color: #0099cc;}
.white{ color: #fff;}
.green{ color: #447f00;}
.pink{ color: #eb6877;}
.yellow{ color: #ffbf00;}

.green_botton{ display: block ;background: #97C364;color:#fff;}
.orange_botton{ display: block ;background: #EF782E;color:#fff;}
.gray_botton{ display: block ;background: #e7e7e7;color:#666;}
.white_botton{ display: block ;background: #fff;color:#333;}
.blue_botton{ display: block ;background: #348fdc;color:#fff;}

.c_box{ width: 100%;}
.c_box .c_nav{ width: 180px; height: 1100px; background: #293038; float: left ; padding: 20px 0 60px 0; font-size: 14px;}
.c_box .c_centent{ padding: 10px;padding-left: 200px;text-align: left ; padding-bottom: 0;}

.botton_compilations{ width: 100%; text-align: center ;padding-top: 30px;}
.botton_compilations .am-btn{ margin: 0 5px;}

.info_box{ width: 550px; height: 250px; position: absolute ;left: 50%; margin-left: -275px; margin-top: 200px;}
.info_box .line{ width: 250px; height: 250px;border-radius:50%; display: block ;}
.info_box .line i{ width: 250px; height: 170px; line-height: 150px;font-size: 150px;padding-top: 20px; text-align: center ;color: #fff;}
.info_box .line p{ width: 250px; height: 30px; line-height: 30px;font-size: 28px; text-align: center ;color: #fff;}

.task_table{ padding: 20px 10px; font-size: 13px; text-align: center ;}
.task_table thead{ background: #f5f6fa; text-align: center ;}

.bdsharebuttonbox{ padding: 30px 10px 10px 10px;}

.thesis_preview{ margin: 10px;background: #f7f7f7; padding: 20px;}

.super_composition{ padding: 20px 10px;}
.super_composition .first{ width: 100%;height: 30px;line-height: 30px;font-size: 14px;}
.super_composition .first a{ padding: 0 20px;height: 30px;}
.super_composition .second{}
.super_composition .second .single{ width: 100%;padding-top: 20px; font-size: 14px; display: inline-block ;}
.super_composition .second .single .title{ width: 70px;height: 30px;line-height: 30px;float: left ; text-align: right ; color: #666;}
.super_composition .second .single .input{ height: 30px;text-align: left ;padding-left:10px; position: relative ; overflow: hidden ;}
.super_composition .second .single .input p{ width: 30px;height: 30px;border: 1px #e2e2e2 solid ;float: left ; margin: 0; margin-left: -1px;}
.super_composition .second .single .input .text{ position: absolute ;top: 0;left: 10px; width: 40%; height: 30px;border: 0; background: transparent ; outline: invert ;letter-spacing:15px; padding-left: 8px;}
.super_composition .second .single .input .text1{ position: absolute ;top: 0;left: 10px; width: 40%; height: 30px;border: 0; background: #f2f2f2; outline: invert ; padding-left: 8px;}
.super_composition .second .single .textarea{ height: 291px;text-align: left ;padding-left:10px; position: relative ; overflow: hidden ;}
.super_composition .second .single .textarea p{ width: 30px;height: 30px;border: 1px #e2e2e2 solid ;float: left ; margin: 0; margin-left: -1px; margin-bottom: -1px;}
.super_composition .second .single .textarea textarea{ position: absolute ;top: 0;left: 10px; width: 100%; height: 290px; line-height: 29px; border: 0; background: transparent ; outline: invert ;letter-spacing:15px; padding-left: 7px; overflow: hidden ;overflow-y: auto ;}
.super_composition .second .single .textarea1{ height: 90px;text-align: left ;padding-left:10px; position: relative ; overflow: hidden ;}
.super_composition .second .single .textarea1 textarea{ width: 100%; height: 90px; line-height: 22px; border: 0; background:#f2f2f2; outline: invert ; padding: 10px; overflow: hidden ;overflow-y: auto ;}
.super_composition .second .single .link{ text-align: left ;padding-left: 10px; overflow: hidden ; font-size: 14px;}



.browsehappy{ width: 100%;height: 80px;font-size: 15px;color: #fff;background: #0099cc;text-align: center ;line-height: 80px;}
.browsehappy a{ color: #fff000;}

.three-yy{ width: 100%; padding: 10px;}
.three-yy .pic{ width: 260px;height: 243px; float: left ;margin: 10px 10px 0 0;}
.three-yy .pic img{ width: 260px;height: 243px;}






















